/*项目概览*/
.none {
  display: none;
}
.xmglan {
  width: 100%;
  color: #fff;
  padding: 20px 0;
}
.xmglan1 {
  width: 100%;
  color: #fff;
  padding: 10px 0;
}
.xmgl_heard {
  width: 100%;
  display: block;
  overflow: hidden;
}
.xmgl_heard li {
  float: left;
  list-style: none;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #0068b7;
  width: 50%;
  cursor: pointer;
  border-top: 1px #032d60 solid;
  border-bottom: 1px #032d60 solid;
}
.xmgl_heard li.hove {
  background: #000c3b;
}

/*项目概览 */
.xm_cszs {
  font-size: 12px;
  padding: 10px 10px 0 10px;
}
.xm_cszs li {
  line-height: 22px;
  overflow: hidden;
}
.xm_cszs li span {
  color: #00ff00;
  padding: 0 5px 0 10px;
}
.xm_cszs li p {
  float: left;
  width: 33%;
}
.xm_cszs li p span {
  color: #00ffff;
  padding: 0;
}
.xm_cszs li p cite {
  color: #00ffff;
}

/*项目人员信息状态 */
.lytj {
  width: 100%;
  float: left;
  height: 100px;
}
.wgrytj_bt {
  padding: 10px;
  clear: both;
  display: block;
  border-top: 1px #032d60 solid;
  color: #fff;
}
.wgrytj_tb {
  padding-left: 10px;
}

/*仪表盘等展示*/
.center_zs {
  width: 30%;
}
.box1-back {
  height: 763px;
  background-image: -webkit-radial-gradient(
    250px 250px at 50% 50%,
    hsla(209, 99%, 32%, 28),
    hsla(228, 100%, 0%, 0)
  );
  background-image: radial-gradient(
    250px 250px at 50% 50%,
    hsla(209, 99%, 32%, 28),
    hsla(228, 100%, 0%, 0)
  );
}

/*问题等级*/
.wenti_dj {
  width: 40%;
  float: left;
}
.wenti_bg {
  float: left;
  padding-top: 10px;
  width: 60%;
}
.wenti_bg table {
  border-collapse: collapse;
  border: 1px solid #00a0e9;
  color: #fff;
  width: 95%;
}
.wenti_bg td {
  border-collapse: collapse;
  border: 1px solid #00a0e9;
  padding: 2px 4px;
}
.wenti_bg td.green {
  color: #05d60f;
  text-align: center;
}
.wenti_bg td.orange {
  color: #d75a07;
  text-align: center;
}

.monitor {
  height:17rem;
  overflow: hidden;
}
.monitor .inner {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
}
.monitor .tabs {
  padding: 0 1.5rem;
  margin-bottom: 0.75rem;
}
.monitor .tabs a {
  color: #1950c4;
  font-size: 0.75rem;
  padding: 0 1.125rem;
}

.monitor .tabs a:first-child {
  border-right: 0.083rem solid #00f2f1;
  padding-left: 0;
}

.monitor .tabs a.active {
  color: #fff;
}
.monitor .content {
  flex: 1;
  display: none;
  position: relative;
  overflow: hidden;
}
.monitor .head {
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.583rem;
  padding: 0.5rem 0rem;
  color: #68d8fe;
  display: flex;
  justify-content: space-between;
  line-height: 1.05;
}
.monitor .col {
  line-height: 15px;
}
.monitor .col:nth-child(1) {
  width:5.2rem;
  text-align: center;
}
#enterpqual {
  width: 500px;
  height: 200px;
}
.monitor .col:nth-child(2) {
  width:4.5rem;
  text-align: center;
  /* 不换行  一行省略*/
  /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
.cursorp {
  cursor: pointer;
}
.col_width1 {
  width: 12rem !important;
}
.col_width2 {
  width: 5.5rem !important;
}
.monitor .col:nth-child(3) {
  width: 5.2rem;
  text-align: center;
}
.monitor .col:nth-child(4) {
  width: 3.2rem;
  text-align: center;
}
.monitor .col:nth-child(5) {
  width: 5.2rem;
  text-align: center;
}
.monitor .marquee-view {
  /* position: absolute; */
  /* top: 1.6rem; */
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.monitor .row {
  line-height: 1.05;
  padding: 0.5rem 0rem;
  color: #61a8ff;
  font-size: 0.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.monitor .row:hover {
  color: #68d8ff;
  background: rgba(255, 255, 255, 0.1);
}
.monitor .row1 {
  color: #68d8ff;
  background: rgba(255, 255, 255, 0.1);
}
.monitor .row:hover .icon-dot {
  opacity: 1;
}
.monitor .icon-dot {
  position: absolute;
  left: 0.64rem;
  opacity: 0;
}
.monitor .marquee-view {
  /* position: absolute;
    top: 5.5rem; */
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.monitor .row {
  line-height: 1.05;
  /* padding: 0.5rem 1.5rem; */
  color: #61a8ff;
  font-size: 0.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.monitor .row:hover {
  color: #68d8ff;
  background: rgba(255, 255, 255, 0.1);
}
.monitor .row:hover .icon-dot {
  opacity: 1;
}

.monitor .icon-dot {
  position: absolute;
  left: 0.64rem;
  opacity: 0;
}
/* ------------------------------------------------------------动画 */
@keyframes row {
  0% {
  }
  100% {
    transform: translateY(-50%);
  }
}
/* 调用动画 */
.monitor .marquee {
  /* //infinite永久调用动画 */
  animation: row 40s linear infinite;
}
/*鼠标划入 停止动画  */
.monitor .marquee:hover {
  animation-play-state: paused;
}
